

    <div class="container" ng-controller="registerPageCtrl">
    <div class="text-info"  style="margin-top:70px">
        <p>{{stateMsg}}</p>
    </div>
    <div ng-show="{{userState}} === 1">
        <form class="form-horizontal" name="registerForm" novalidate>
            <div class="form-group">
                <label for="inputCompany" class="col-xs-3 control-label" style="margin-bottom: 0;padding-top: 7px">公司</label>
                <div class="col-xs-9">
                    <input type="text" name="company" id="inputCompany" class="form-control"  placeholder="公司" ng-model="userData.company" ng-keydown="hide0()" required>
                </div>
                <div class="col-xs-offset-3 col-xs-9">
                    <span style="color:red" ng-show="registerForm.company.$dirty && registerForm.department.$invalid">
                        <span ng-show="registerForm.company.$error.required">公司是必填的。</span>
                    </span>
                </div>
            </div>
            <div class="form-group">
                <label for="inputDepartment" class="col-xs-3 control-label" style="margin-bottom: 0;padding-top: 7px">部门</label>
                <div class="col-xs-9">
                    <input type="text" name="department" id="inputDepartment" class="form-control"  placeholder="部门" ng-model="userData.department" ng-keydown="hide1()" required>
                </div>
                <div class="col-xs-offset-3 col-xs-9">
                    <span style="color:red" ng-show="registerForm.department.$dirty && registerForm.department.$invalid">
                    <span ng-show="registerForm.department.$error.required">部门是必填的。</span>
                </span>
                </div>
            </div>
            <div class="form-group">
                <label for="inputName" class="col-xs-3 control-label" style="margin-bottom: 0;padding-top: 7px">姓名</label>
                <div class="col-xs-9">
                    <input type="text" name="name" id="inputName" class="form-control"  placeholder="姓名" ng-model="userData.name" ng-keydown="hide2()" required>
                </div>
                <div class="col-xs-offset-3 col-xs-9">
                    <span style="color:red" ng-show="registerForm.name.$dirty && registerForm.name.$invalid">
                    <span ng-show="registerForm.name.$error.required">姓名是必填的。</span>
                </span>
                </div>
            </div>
            <div class="form-group">
                <label for="inputPhone" class="col-xs-3 control-label" style="margin-bottom: 0;padding-top: 7px">手机号</label>
                <div class="col-xs-9">
                    <input type="number" name="phone" id="inputPhone" class="form-control"  placeholder="手机号" ng-model="userData.phone" ng-keydown="hide3()" required>
                </div>
                <div class="col-xs-offset-3 col-xs-9">
                    <span style="color:red" ng-show="registerForm.phone.$dirty && registerForm.phone.$invalid">
                    <span ng-show="registerForm.phone.$error.required">手机号是必填的。</span>
                </span>
                </div>
            </div>
            <div class="form-group">
                <label for="inputIdentifier" class="col-xs-3 control-label" style="margin-bottom: 0;padding-top: 7px">身份证号</label>
                <div class="col-xs-9">
                    <input type="number" name="identifier" id="inputIdentifier" class="form-control"  placeholder="身份证号" ng-model="userData.identifier" ng-keydown="hide4()" required>
                </div>
                <div class="col-xs-offset-3 col-xs-9">
                    <span style="color:red" ng-show="registerForm.identifier.$dirty && registerForm.identifier.$invalid">
                    <span ng-show="registerForm.identifier.$error.required">身份证号是必填的。</span>
                </span>
                </div>
            </div>
            <div class="form-group">
                <div class="col-xs-offset-3 col-xs-9" >
                    <span style="color:red" ng-show="reMsg === 'SUCCESS'">提交成功！</span>
                    <span id="repeatMsg" style="color:red" ng-show="reMsg === 'REPEATED'">您的{{repeatedData}}已被注册，请重试！</span>
                    <button type="submit" ng-disabled="registerForm.company.$dirty && registerForm.company.$invalid || registerForm.department.$dirty && registerForm.department.$invalid || registerForm.name.$dirty && registerForm.name.$invalid || registerForm.phone.$dirty && registerForm.phone.$invalid || registerForm.identifier.$dirty && registerForm.identifier.$invalid" class="btn btn-default" ng-click="ok()">提交</button>
                </div>
            </div>
        </form>
    </div>
    <div ng-show="{{userState}} === 0" style="margin-top: 20px">
        <form class="form-horizontal">
            <div class="form-group">
                <label for="userDataCompany" class="col-xs-3 control-label">公司:</label>
                <div class="col-xs-9">
                    <p type="text" id="userDataCompany">{{userData.company}}</p>
                </div>
            </div>
            <div class="form-group">
                <label for="userDataDepartment" class="col-xs-3 control-label">部门:</label>
                <div class="col-xs-9">
                    <p type="text" id="userDataDepartment">{{userData.department}}</p>
                </div>
            </div>
            <div class="form-group">
                <label for="userDataName" class="col-xs-3 control-label">姓名:</label>
                <div class="col-xs-9">
                    <p type="text" id="userDataName">{{userData.name}}</p>
                </div>
            </div>
            <div class="form-group">
                <label for="userDataPhone" class="col-xs-3 control-label">手机号:</label>
                <div class="col-xs-9">
                    <p type="text" id="userDataPhone">{{userData.phone}}</p>
                </div>
            </div>
            <div class="form-group">
                <label for="userDataIdentifier" class="col-xs-3 control-label">身份证号:</label>
                <div class="col-xs-9">
                    <p type="text" id="userDataIdentifier">{{userData.identifier}}</p>
                </div>
            </div>
        </form>
    </div>
</div>